/*通用 CSS ：大部分元素具备的样式*/
body{
    font:12px "microsoft yahei",Arial,Helvetica,sans-serif;
    color:#000304;
    margin:0;
    background-color: #ffffff;
    overflow-x: hidden;
}
p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd{
    margin:0;
    padding:0;
    list-style:none;
}
img{
    vertical-align:middle;
}
a{
    color:#000304;
    text-decoration:none;
}
a:hover{
    text-decoration:none;
}
a:focus{
    text-decoration:none;
}
.lf{float:left;}
.rt{float:right;}
.clear:after{
    content: ' ';
    display: table;
    clear: both;
}
.clear{
    clear: both;
}
/*============*/
.container{
    width: 160px;
    margin: 20px auto;
    border: 1px solid #d2d2d2;
    border-bottom: 0;
}
.title {
    width: 140px;
    height: 41px;
    line-height: 41px;
    font-size: 15px;
    color: #333;
    background-color: #f7f7f7;
    border-bottom: 1px solid #d2d2d2;
    padding-left: 20px;
    cursor: pointer;
}
.title>img {
    width: 11px;
    height: 5px;
    margin-top: 18px;
    margin-right: 10px;
}
.content {
    width: 158px;
    background-color: #fff;
    border-bottom: 1px solid #d2d2d2;
}
.fade {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .5s linear;
}
.content>li {
    width: 160px;
    height: 30px;
    line-height: 30px;
}
.content>li>a {
    font-size: 15px;
    margin-left: 20px;
}
.in{
    opacity: 1;
    height: 180px;
}

/*https://blog.csdn.net/qq_40999496/article/details/80829272*/